<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>备件更换</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <style>
        html,body{height: 100%;}
    </style>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
    <li>首页</li>
        <li>备件管理</li>
        <li>备件更换</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container spot-check-container">

    <div class="left-search-list">
        <h3>设备名称</h3>
        <div class="search-frame relative">
            <input autocomplete="new-password" type="text" class="model-search" id="equipName" placeholder="输入设备名称搜索"/>
            <span aria-hidden="true" class="icon-search_chaxun" id="modelSearch"></span>
        </div>
       <ul class="scroll-style" id="eqModelList">
        </ul>
    </div>

    <div class="right-table-box">
        <div class="container-fluid mb-20 clearfix">
            <div class="col-md-12 rlt">
                <h2 class="page-section-title">备件更换列表</h2>
                <ul class="table-tool">
                    <li id="replancePart">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>更换</label>
                    </li>
                    <li id="refreshTable">
                        <span class="icon-list_shuaxin" aria-hidden="true"></span>
                        <label>刷新</label>
                    </li>

                </ul>
            </div>
        </div>

        <div class="container-fluid table-container">
            <table  id="partReplaceTable" cellspacing="" cellpadding="">

            </table>
        </div>
    </div>
</div>

<!--新增-->
<form id="partConfigForm" method="" class="form-horizontal tool-config-form" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">更换</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group oSerialNumhtml">
                            <label class="col-lg-3 control-label">原备件序列号</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" name="oSerialNum"  type="text" id="oSerialNum" readonly/>
                            </div>
                        </div>
		                <div class="form-group statushtml">
		                    <label class="col-lg-3 control-label form-required form-required-2">状态</label>
		                    <div class="col-lg-7">
		                    	<select class="form-control status" name="status">
		                    		<option selected="selected" value="">请选择</option>
									<option value="0">可使用</option>
									<option value="1">不可用</option>
								</select>
		                    </div>
		                </div>
                        <div class="form-group nSerialNumhtml">
                            <label class="col-lg-3 control-label form-required form-required-5">新序列编号</label>
                            <div class="col-lg-7">
                                <select class="form-control" name="nSerialNum" id="nSerialNumSelect2">
                                </select>
                            </div>
                        </div>
                        <div class="form-group standardLifehtml">
                            <label class="col-lg-3 control-label">剩余使用寿命</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="standardLife" readonly/>
                            </div>
                        </div>
                        
                        <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">更换人</label>
                                <div class="col-lg-7">
                                    <select name="repUser" class="form-control systemUserSearch">
                                    </select>
                                </div>
                            </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-4">更换原因</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="repReason"/>
                            </div>
                        </div>
						<div class="form-group">
						  <label class="col-lg-3 control-label form-required form-required-4">更换时间</label>
							  <div class="col-lg-7 date-frame">
							    <input autocomplete="new-password" class="form-datetime form-control" name="repDate" type="text" value="" readonly>
							  </div>
						</div>
						<div class="form-group repNum" >
                            <label class="col-lg-3 control-label form-required form-required-4">更换数量</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control " type="text" name="repNum"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label">备注</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="remark"/>
                            </div>
                        </div>
                        <input autocomplete="new-password" type="hidden" name="pkId" value="">
                        <input autocomplete="new-password" type="hidden" name="equipId" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<div th:replace="common/foot">
</div>

<script th:src="@{/js/lifeCycle/partLifeCycle/partReplace.js}"></script>
</body>
</html>






